// 定义食物类food
class Food {
    element: HTMLElement;

    constructor() {
        // 获取食物这个元素，并将其赋值给element
        this.element = document.getElementById("food")!;
    }

    // 定义一个获取食物的X坐标的方法
    get X() {
        return this.element.offsetLeft;
    }

    // 定义一个获取食物的Y坐标的方法
    get Y() {
        return this.element.offsetTop;
    }

    // 修改食物的位置
    change() {
        // 生成一个随机位置
        // 食物的位置最小是0 最大是290
        let top = Math.round(Math.random() * 29) * 10;
        let left = Math.round(Math.random() * 29) * 10;
        this.element.style.left = left + "px";
        this.element.style.top = top + "px";
    }
}

export default Food;